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Unit 1: basics of web design: 


*The first topic: A knowledge entrance of the 


project 
aims || In the end of this unit the student will be 
able to: 


1. Know some of the basic concepts and terminology associated with 
creating a Web site dealing with databases. 
2. Distinguish the web page of static and dynamic web pages. 
3. Practicing prepared the computer operations to become a Server 
device. 
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Basic concepts: 


*Freeware programs * Open Source Programs 
*Static Web Page * Dynamic Web Page 

* Server (Web server - Print Server - Mail Server - Database Server) 

* Script x" Hyper Text Markup 


Language” HTML 
* Personal Home Paged :PHP language 


* Personal Home Paged : PHP language * Apache Server 
* SQL "Structured Query Language” * MYSQL Server 
* Web Server Packages * Session 


Solve Exercise (1) 
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Chapter 1: Basics of web design_ 


Lesson2: Planning project site 


| In the end of this lesson the student will be 


able to: 

1-Identifies the tasks required to create a Web site. 

2 - Home Page plans for a Web site 

3 - Load Xampp application software to run Apache and MYSQL. 
4-Identify tasks to be performed in the construction site " the 
photographer Dictionary of Computer " 
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* The importance of the project. 


* Determine tasks to be implemented in the construction site " The 

photographer computer Dictionary " 

* Steps to create a web site 

* Implementation of the project site "The photographer computer 

Dietionary : 
Evaluation 
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What is the importance of the project? 


Unit 2: Requirements and production stages of 
The the project 
title : : 

Lesson1: Design web pages 


In the end of the lesson the student 


should be able to: 
1 - Designed Home Pages of site. 
2 - Identifies the necessary navigation links between 


pages of the site. 
3 - Discuss with his colleagues several proposals for the 


design of the project pages. 
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* Designed Index Term.php page *Design Add Term.php 
page 
*Design Edit Term.php page * Design Del Term.php 
page 
*Design Search Term.php page *Design Help.php page 


What is is purpose of home page? 


Unit 2: Requirements and production stages of 
the project 


Lesson2:Create data base 


In the end of this lesson the student should be able 


1- Know some basic concepts of databases. 
2 - Creates a database of "The photographer computer Dictionary” 
3 - Practiced links process between databases. 
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*Some basic concepts of databases 
1- Database 


2- Relational database 
3- Table 


4- Record 
5- Field 


What is the meaning of Database? 


Unit 2: Requirements and production stages of 
the project 
Lesson2:Create data base 


EA In the end of the lesson the student 
owd be able to: 


1-Know some basic concepts of databases. 
2 - Creates a database of "The photographer computer 


Dictionary” 
3- Classified Relationships in databases. 
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* Primary key 

* Types of The relationships 

* Basic object of data base 

* Properties of database project 


Complete: 
Basic object of data base AT€............060ceeeee ; 


Unit 3: Create pages of site " the photographer 
dictionary of computer " 


Lesson :HTML and PHP language and design 
website applications 


In the end of this lesson the student 


should be able to: 
1- Know the HTML language. 
2 - Create Web page with HTML code. 
3 - Explain the main screen for program components 
Expression Web 
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* Load the database management program (Access) 
* Database elements. 

* Create a table. 

* Field Properties. 

* Identify the primary key for the table. 


What the meaning of format property? 


Unit 3: Create pages of site " the photographer 
dictionary of computer " 

Lesson2:HTML and PHP language and design 
website applications 


[aims || In the end of the lesson the student should be 


able to: 
1-Explain the main screen components of the Expression Web 


program. 
2 - Know the PHP programming language. 
3 - Employs Expression web program in linking Web 


site pages. 
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The main screen components of the Expression Web program. 
(3) (1* 


Cf-ġperation 


Menu Bar. (2) Folder List. 


.Tag Properties 
(4) Website Components (5) Toolbox window (6) 


Apply Style 
* Create project web 


What the main screen components of the Expression Web 
program? 
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Unit 3: Create pages of site " the photographer 
dictionary of computer " 
Lesson2: The arguments and conditional sentences in the 


language of PHP 


F Aime,|l In the end of the lesson the student 
owed be able to: 


1- Load Microsoft Access. 
2- Navigate in the table 
3-Enter data in tables 
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*Load Microsoft Access 


*Use navigation bar 


What is the navigation bar? 


Unit 3: Create pages of site " the photographer 
dictionary of computer " 


Lesson2: Add Term.php page 


F Aime,|l In the end of the lesson the student 
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e able to: 
1- Load Microsoft Access. 
2- Navigate in the table 
3-Enter data in tables 
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*Change Data Direction 


*Enter data in each table 


How Change Data Direction in table? 
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Unit 3: Create pages of site " the photographer 


dictionary of computer " 


Lesson2: Add Term.php page 


F Aime,|l In the end of the lesson the student 
Losers ome 


e able to: 
1- Load Microsoft Access. 
2- Navigate in the table 
3-Enter data in tables 
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*Enter data in each table 


*Inserting the foreign key value in look up way 


Define the foreign key? 
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Unit 3: Create pages of site " the photographer 
dictionary of computer " 


Lesson3: Add Term.php page 
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Aims In the end of this lesson the student will 
be able to: 


1-Know queries. 
2- Know types of queries. 
3- Usage queries. 
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*Usage queries 
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*Types of queries 


*Action queries 


What are types of queries? 
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Second 


Term 


Revision the previously studied in the first semester 
title : 


In the end of the lesson the student 


e able to: 
1-Know queries. 
2- Creating query without the wizard. 
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* Creating query in Design view. 


*Exercise: 
Design a query that displays (department code - 


department name employee name and main salary) 


What are types of queries? 
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Unit 4: dealing with the Site Data 
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[aims || In the end of the lesson the student 


should be able to: 

1-Know repetition phrases. 

2. Designed interface of search term page. 

3. Write HTML code to create a search page for the term. 
4. Writes PHP code to include Header & Connection. 
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Design search term page. 


e Banner image and links to the other pages of the site at the beginning of the 
search page for the term. 

e Address web page "search term". 

e Form is inserted from the window of the Toolbox, so that it contains page 
search controls. 

¢ Text "search term" next to the text box and we enter the term you want to 
search for. 

e command button "Find the word" and responsible for the implementation of 
the PHP code implementation process of searching for a term in the database, 
which is required before connecting to the database. 

e Insert a table containing the first row only, and refers to the column headers. 


Write the code to header and connection 


page? 
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Unit 4: dealing with the Site Data 


Lesson1: Search term.php page 
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Aims, | In the end of the lesson the student 
LOLUHG 


be able to: 
1-Know queries. 
2- Creating query without the wizard. 
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* Creating query in Design view. 


*Exercise: 
Design a query that displays (department code - 
department name employee name and main salary) and 


adding field under the name of incentive (10% of the 
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Unit 4: dealing with the Site Data 


Lesson2: Del term.php page 
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In the end of the lesson the student 
should be able to: 


1. Designed interface page to delete the term. 

2. Generates a page to delete the term with HTML. 

3. Writes PHP code to include Header & Connection and PHP code to delete the 
term. 
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* Insert header and connection page. 
*Showing all records of data in table (terms) 


*Showing the number of terms in the table (terms) 


* Showing all records on Internet browser page. 


* Implement deletes the record. 


How to delete the record? 
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Unit 4: dealing with the Site Data 


Lesson 3: Edit term.php page 


f aims || In the end of the lesson the student should be 
able to: 


1. Design interface of edit term page. 

2. Perform HTML code to create the edit page trem. 

3. Write code in PHP of Header & Connection page and write code in 
PHP to edit term data. 

4- Establish help page. 
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* Design interface of edit term page. 


* Write code in PHP of Header & Connection page and write code in PHP to edit 
term data. 

* modifies data in the table 

* achieved from edit of the term in the database. 

* identify elements that can be displayed in the help page. 

*Create the help page 


What the element of the help page ? 
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Unit 5: Insurance site " the photographer dictionary 
of computer " 


Lesson]: Entrance to secure Web sites 


In the end of the lesson the student should be able to: 
. know the concept of penetration. 

2. Explain protect websites ways. 

3. Looking through electronic sources of information about the methods and 

techniques to penetrate Internet sites. 
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* Protect Web sites 

1. Protect at the server level (Server) 

2. Protecting the developers of the site level 
* Some safety precautions to keep secure site 


What are safety precautions to keep secure site? 


Unit 5: Insurance site " the photographer dictionary of 
computer " 


Lesson2: Create a new user registration page 


“aims || In the end of the lesson the student 


should be able to: 


1. Design a new user registration page. 
2. Differentiate between GET & POST. 
3. Explain the risk of error in entering the username and password. 
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* Creation of a new user registration page actions 
1-Create new table with name users in dbdictionary. 
2- Design a new user registration page. 


Differentiate between GET & POST? 
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Unit 5: Insurance site " the photographer dictionary 
of computer " 


Lesson3: Designing the Login page and Sign out.php 


Bimal In the end of the lesson the student 
LOUG D 


e able to: 
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Unit 5: Insurance site " the photographer dictionary 
of computer " 


Lesson4: Secure Site Actions 


[ Aime,|l In the end of the lesson the student 
[OLH g 


e able to: 
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Unit 5: Insurance site " the photographer dictionary 
of computer " 


Lessons: Secure data base MYSQL 


Aims | In the end of the lesson the student 


od be able to: 
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